<template>
    <div class="about">
        <van-nav-bar title="我的信息" style="background-color: #FFF781;"/>

        <div class="header">
            <div style="padding-top:20px;padding-bottom:20px;padding-left:20px;">
                <van-row>
                    <van-col span="8">
                        <van-image round width="5rem" height="5rem" src="https://b.yzcdn.cn/vant/icon-demo-1126.png"/>
                    </van-col>
                    <van-col span="13">
                        <a @click="doLogin" class="dl">登录/注册</a><br><br>
                        <a href="" class="dl"><van-icon name="phone-o" />绑定手机号</a>
                    </van-col>
                    <van-col span="3">
                        <a href=""><van-icon name="arrow" style="margin-top:29px"/></a>
                    </van-col>
                </van-row>
            </div>
        </div>
        <!-- 模块 -->
        <div>    
            <van-grid :gutter="10" :column-num="3">
            <van-grid-item
                v-for="value in 1"
                :key="value"
                icon="balance-o"
                text="钱包"
            />
            <van-grid-item
                v-for="value in 1"
                :key="value"
                icon="gold-coin-o"
                text="红包"
            />
            <van-grid-item
                v-for="value in 1"
                :key="value"
                icon="points"
                text="金币"
            />
            </van-grid>
            

        </div>
        <!-- 分区 -->
        <div class="header" >
            <van-cell title="我的订单" is-link to="" icon="description"/>
            <van-cell title="我的会员" is-link to="" icon="vip-card-o"/>
            <van-cell title="我的积分" is-link to="" icon="star-o"/>
            <van-cell title="服务社区" is-link to="" icon="smile-comment-o"/>
        </div>


            <van-tabbar route >
        <van-tabbar-item
            replace
            to="/"
            icon="home-o"
        >
            首页
        </van-tabbar-item>
        <van-tabbar-item
            replace
            to="/search"
            icon="search"
        >
            搜索
        </van-tabbar-item>
        <van-tabbar-item
            replace
            to="/notes"
            icon="notes-o"
        >
            订单
        </van-tabbar-item>
        <van-tabbar-item
            replace
            to="/about"
            icon="contact"
        >
            我的
        </van-tabbar-item>
    </van-tabbar>
    </div>

    
</template>

<script>
    export default {
        methods: {
            doLogin() {
                this.$router.push('/login')
            },
        },
        
    }

</script>


<style lang="stylus">
    .header{
        width 100%
        
        margin-top 10px
        background-color #FFF781
        
    }
    .dl{
        font-weight 700
        font-size 18px
        color #000
    }
    .van-cell{
        font-size 18px
    }
</style>